<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<meta charset="UTF-8" />
<head th:include="include/header"></head>
<style>
<!--
.layui-panel {
	min-height: 200px;
	margin: 2px;
	border: 1px solid #393d49;
}

.panel-title {
	background-color: #393d49;
	color: white;
	padding: 5px;
}

-->
</style>
<body class="layui-layout-body">
	<div class="layui-row">
		<div class="layui-col-md4">
			<div class="layui-panel">
				<div class="panel-title">用户比例</div>
				<div class="panel-table">
					<div id="echartId1" style="width: 100%;height: 300px;"></div>
				</div>
			</div>
		</div>
		<div class="layui-col-md4">
			<div class="layui-panel">
				<div class="panel-title">活跃比例</div>
				<div class="panel-table">
					<div id="echartId2" style="width: 100%;height: 300px;"></div>
				</div>
			</div>
		</div>
		<div class="layui-col-md4">
			<div class="layui-panel">
				<div class="panel-title">趋势图</div>
				<div class="panel-table">
					<div id="echartId3" style="width: 100%;height: 300px;"></div>
				</div>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript">
	layui.use('element', function() {
		var element = layui.element;

	});
	$(document).ready(function() {
		$springboot.post("/data/echarts", {
		}, function(rs) {
			$.each(rs, function(i, data) {
				eval(data.data);
			});
		});
	});
</script>
</html>
